.sp-section{--sp-review-ink:#62695f}
section.ipm-support-section.sp-section>.ds-current-disclosure>summary{box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;width:100%;max-width:100%;min-height:28px;gap:8px;padding:0;list-style:none;cursor:pointer;color:var(--ink,#222822)}
section.ipm-support-section.sp-section>.ds-current-disclosure>summary>h4{margin:0;line-height:1.5;font-weight:600}
section.ipm-support-section.sp-section>.ds-current-disclosure>summary>small{margin-left:auto;color:var(--muted,#666d64);font-weight:400}
section.ipm-support-section.sp-section>.ds-current-disclosure>.ds-current-disclosure-body{padding-top:16px;min-width:0}
section.ipm-support-section.sp-section>.ds-current-disclosure>summary:focus-visible{outline:2px solid var(--sp-review-ink);outline-offset:3px}
.sp-gallery{display:grid;grid-template-columns:minmax(0,8.5fr) minmax(0,1.5fr);gap:14px;width:100%;min-width:0;container-type:inline-size}
.sp-main{position:relative;min-width:0;height:368px;height:min(368px,80cqw);border-radius:16px;overflow:hidden;background:transparent}
.sp-main .sp-image{display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:transparent;line-height:0;cursor:zoom-in}
.sp-section .sp-gallery .sp-main button.sp-image,.sp-section .sp-gallery .sp-main button.sp-image:is(:hover,:active,:focus-visible){display:block;padding:0;border:0;min-height:0;line-height:0;background:transparent;box-shadow:none;filter:none;transform:none;transition:none}
.sp-main .sp-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.sp-main button:focus-visible,.sp-gallery .sp-thumbnails button:focus-visible{outline:2px solid #777;outline-offset:-3px}
.sp-main button:disabled{opacity:.4;cursor:default}
.sp-rail{position:relative;min-height:0}
.sp-rail:before,.sp-rail:after{content:'';position:absolute;left:0;right:0;height:18px;z-index:1;pointer-events:none}
.sp-rail:before{top:0;background:linear-gradient(#fff,transparent)}
.sp-rail:after{bottom:0;background:linear-gradient(transparent,#fff)}
.sp-thumbnails{position:absolute;inset:0;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;padding:10px 4px}
.sp-thumbnails button{position:relative;flex:none;width:100%;padding:4px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}
.sp-confirmation-badge{position:absolute;top:4px;right:4px;max-width:calc(100% - 8px);padding:3px 6px;border-radius:5px;background:#e8e9e5;color:#62695f;font-size:10px;line-height:1.5;white-space:nowrap;pointer-events:none}
.sp-confirmation-badge[data-confirmed=true]{background:var(--yellow,#f6cf09);color:var(--ink,#222822)}
.sp-thumbnails button[aria-pressed=true]{border-color:var(--sp-review-ink)}
.sp-section .sp-gallery .sp-thumbnails button{padding:4px;border:1px solid transparent}
.sp-section .sp-gallery .sp-thumbnails button[aria-pressed=true]{border-color:var(--sp-review-ink)}
.sp-section .sp-gallery .sp-thumbnails button,.sp-section .sp-gallery .sp-thumbnails button:is(:hover,:active,:focus-visible):not(:disabled){background:transparent;box-shadow:none;filter:none;transform:none;transition:none}
.sp-thumbnails img{display:block;width:100%;height:68px;object-fit:contain;border-radius:7px}
.sp-review-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
section.sp-section .sp-review-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 14px;border:0;border-radius:10px;background:#f7f7f5;color:var(--sp-review-ink);cursor:pointer}
section.sp-section .sp-review-actions>button.sp-review-confirm{background:#f5cc16;color:#000}
.sp-review-actions>button:disabled{cursor:default;opacity:.5}
.sp-review-actions>button:focus-visible{outline:2px solid #222822;outline-offset:2px}
.ipm-dialog .sp-thumbnails button{display:block;padding:4px;min-height:0;border:1px solid transparent;background:transparent;border-radius:12px}
.ipm-dialog .sp-thumbnails button[aria-pressed=true]{border-color:var(--sp-review-ink)}
.sp-empty{padding:24px 12px;color:#666d64;background:#f7f7f5;border-radius:12px;line-height:1.7}
.sp-section .sp-generation-form,.sp-section .sp-handoff{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;position:relative}
.sp-gallery+.sp-generation-form,.sp-gallery+.sp-handoff{margin-top:20px}
.sp-generation-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sp-section .sp-generation-form textarea.sp-generation-input{display:block;position:static;box-sizing:border-box;width:100%;min-width:0;min-height:92px;max-height:184px;height:auto;field-sizing:content;margin:0;padding:14px 16px;border:1px solid transparent;border-radius:12px;background:var(--card-soft,#f7f7f5);color:var(--ink,#222822);font:inherit;line-height:1.65;resize:none;overflow-y:auto;box-shadow:none}
.sp-section .sp-generation-form textarea.sp-generation-input::placeholder{color:var(--iw-muted,#646c62);opacity:1}
.sp-section .sp-generation-form textarea.sp-generation-input:focus-visible{outline:2px solid var(--iw-ink,#222822);outline-offset:2px}
.sp-section .sp-generation-form textarea.sp-generation-input:disabled{opacity:.7;cursor:default}
.sp-section .sp-generation-status{margin:0;padding:8px 0;color:var(--iw-muted,#646c62);line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}
.sp-section .sp-generation-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:44px;position:static}
.sp-section .sp-generation-actions button.sp-generate,.sp-section .sp-generation-actions button.sp-generate:is(:hover,:active,:focus-visible):not(:disabled){display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:44px;margin:0;padding:10px 20px;border:0;border-radius:10px;background:var(--iw-gold,#f6cf09);color:#000;font:inherit;line-height:1.5;box-shadow:none;filter:none;cursor:pointer}
.sp-section .sp-generation-actions button.sp-generate{transition:transform 180ms ease}
@media(hover:hover) and (pointer:fine){.sp-section .sp-generation-actions button.sp-generate:hover:not(:disabled){transform:scale(1.04)}}
.sp-section .sp-generation-actions button.sp-generate:active:not(:disabled){transform:scale(.96)}
.sp-section .sp-generation-actions button.sp-generate:focus-visible{outline:2px solid var(--iw-ink,#222822);outline-offset:2px}
.sp-section .sp-generation-actions button.sp-generate:disabled{opacity:.5;cursor:default;transform:none}
@media(prefers-reduced-motion:reduce){.sp-section .sp-generation-actions button.sp-generate{transition:none}.sp-section .sp-generation-actions button.sp-generate:is(:hover,:active):not(:disabled){transform:none}}
.sp-editor-footer button{min-height:36px;padding:8px 14px;border:1px solid #d2d5d0;border-radius:10px;background:#fff;color:#666d64;cursor:pointer}
.sp-editor-footer button:hover{color:#000}
.sp-editor-footer .gold{background:#f5cc16;border-color:#f5cc16;color:#000}
.sp-editor.iw-dialog{width:min(1100px,calc(100vw - 32px));max-width:1100px;max-height:calc(100dvh - 32px)}
.sp-editor .iw-dialog-inner{padding:24px;overflow:auto}
.sp-editor header{padding-right:32px;margin-bottom:20px}
.sp-editor-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.sp-editor-title h3{margin:0}
.sp-editor-title small{font-weight:400;white-space:nowrap}
.sp-editor small{color:#666d64}
.sp-annotation-image{position:relative;justify-self:center;line-height:0;background:#f5f5f3;overflow:hidden;border-radius:12px}
.sp-annotation-image img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.sp-annotation-image svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.sp-annotation-image rect{fill:#f5cc1626;stroke:#f5cc16;stroke-width:2;stroke-dasharray:5 4}
/* Stroke extends 1px inward; a 3px offset leaves 2px clear of its inner edge. */
.sp-region-number{position:absolute;pointer-events:none;color:#f5cc16;font-size:12px;line-height:1;white-space:nowrap;text-shadow:none;-webkit-text-stroke:0}
.sp-notes{max-height:55vh;overflow:auto;overscroll-behavior:contain}
.sp-note{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #e4e5e2;line-height:1.6}
.sp-note-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-width:0}
.sp-note-thumbnail{position:relative;flex:none;width:34px;height:24px;overflow:hidden;border:1px solid #e4e5e2;border-radius:6px}
.sp-note-thumbnail>svg{display:block;width:100%;height:100%}
.sp-note-label{display:flex;flex-direction:column;min-width:0;color:#666d64;font-variant-numeric:tabular-nums;line-height:1.5}
.sp-note-label>span{white-space:nowrap}
.sp-note-number{flex:none;min-width:24px;box-sizing:border-box;padding:0 6px;text-align:center;border:1px solid #e4e5e2;border-radius:7px;background:#f5f5f3}
.sp-note-actions{display:flex;flex:none;margin-left:auto}
.sp-editor .sp-note-actions button{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:#666d64;box-shadow:none;cursor:pointer}
.sp-note-actions button:focus-visible{outline:2px solid #777;outline-offset:-2px}
.sp-note textarea{display:block;width:100%;min-height:36px;max-height:180px;resize:none;overflow-y:auto;box-sizing:border-box;border:1px solid #c7cbc5;border-radius:8px;padding:7px 10px;font:inherit;line-height:20px;color:#000;background:#fff}
.sp-note textarea:focus-visible{outline:2px solid #777;outline-offset:1px}
.sp-note-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#000}
.sp-note-text.is-empty{color:#666d64}
@media(prefers-reduced-motion:no-preference){.sp-note-actions button{transition:transform .15s}.sp-note-actions button:hover:not(:disabled){transform:scale(1.06)}.sp-note-actions button:active:not(:disabled){transform:scale(.94)}}
.sp-editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}
.sp-editor .sp-editor-footer .sp-regenerate,.sp-editor .sp-editor-footer .sp-regenerate:is(:hover,:active,:focus-visible){background:#f5cc16;border-color:#f5cc16;color:#000;box-shadow:none}
.sp-editor .sp-editor-footer .sp-regenerate{transition:transform 180ms ease}
@media(hover:hover) and (pointer:fine){.sp-editor .sp-editor-footer .sp-regenerate:hover:not(:disabled){transform:scale(1.04)}}
.sp-editor .sp-editor-footer .sp-regenerate:active:not(:disabled){transform:scale(.96)}
.sp-editor .sp-editor-footer .sp-regenerate:disabled{transform:none}
.sp-annotation-image svg:focus-visible{outline:2px solid #777;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.sp-editor .sp-editor-footer .sp-regenerate{transition:none}.sp-editor .sp-editor-footer .sp-regenerate:is(:hover,:active){transform:none}}
.sp-editor button:disabled{opacity:.45;cursor:default}
@media(max-width:640px){.sp-gallery{gap:8px}.sp-notes{max-height:32vh}.sp-editor .iw-dialog-inner{padding:18px}.sp-thumbnails{padding:4px 0}.sp-thumbnails img{height:44px}}
